<template>
  <div id="App" ref="el" :style="style" class="relative min-w-[450px] max-h-[600px]">
    <RouterView />
  </div>
</template>
<script lang="ts" setup>
import { RouterView } from 'vue-router'
import { ref } from 'vue'
import { useDraggable } from '@vueuse/core'
const el = ref<HTMLElement | null>(null)
const { x, y, style } = useDraggable(el, {
  initialValue: { x: 80, y: 80 },
})
</script>
<style lang="scss" scoped></style>
